import css from '../../styles/modules/sidebar.module.css'



const SidebarItem = (props: { href: any; title: any; iconSrc: any; isActive: any; badgeText: any; }) => {
    const {href, title, iconSrc, isActive, badgeText} = props
    return (
            <li className={`nav-item ${isActive ? 'active' : ''}`}>
                <a className="nav-link rounded-5 link-body-emphasis" href={href}>
                    <div className="row justify-content-between align-items-center">
                        <div className={`"col-auto" ${css.nameCol}`}>
                            <img src={iconSrc} width="22" height="22" alt={title} className="sidebar-icon me-2"/>
                            {title}
                        </div>

                    </div>
                </a>
            </li>
    )
}

export default SidebarItem;